import appConfig from './common'

export function pageResize(callback) {
    let init = () => {
        console.log(window.innerHeight + "," + window.innerWidth, 'window');
        let _el = document.getElementById('app');
        let hScale = window.innerHeight / appConfig.screen.height;
        let wScale = window.innerWidth / appConfig.screen.width;
        let pageH = window.innerHeight;
        let pageW = window.innerWidth;
        let isWider = (window.innerWidth / window.innerHeight) >= (appConfig.screen.width / appConfig.screen.height);
        console.log(isWider);
        if (isWider) {
            _el.style.height = window.innerHeight + 'px';// '100%';
            _el.style.width = pageH * appConfig.screen.width / appConfig.screen.height + 'px';
            _el.style.top = '0px';
            // _el.style.transform = `scale(${wScale},${hScale})`
            _el.style.left = (window.innerWidth - pageH * appConfig.screen.width / appConfig.screen.height) * 0.5 + 'px';
            console.log(_el.style.width + "," + _el.style.height)
        }
        else {
            _el.style.width = window.innerWidth + 'px';// '100%';
            _el.style.height = pageW * appConfig.screen.height / appConfig.screen.width + 'px';
            _el.style.top = 0.5 * (window.innerHeight - pageW * appConfig.screen.height / appConfig.screen.width) + 'px';
            _el.style.left = '0px';
        }
        // document.documentElement.style.fontSize = (_el.clientWidth / appConfig.screen.scale) + 'px';


    }
    var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
    window.addEventListener(resizeEvt, init, false);
    document.documentElement.addEventListener('DOMContentLoaded', init, false);
    init()
}